.login-view.lb-login-theme {
  .center-bj {
    width: 60% !important;
    height: 72% !important;
    top: 28%;
    right: 36%;
  }

  .center-logo {
    height: 69px !important;
  }

  @media screen and (max-width: 1600px) {
    .center-bj {
      background-size: 88% auto !important;
    }
  }

  .login-main-content {
    top: 62% !important;
    left: 60% !important;
    color: #5fbfed;
    background: linear-gradient(180deg, rgba(10, 70, 105, 0), #01131e80, #010b16bf, #011a32c0, #03183036) !important;

    .toggle-button {
      background: url("./images/swiper/login-sprite01.png") no-repeat right center;
      background-size: auto 100%;

      &:hover {
        background: url("./images/swiper/login-sprite03.png") no-repeat right center;
        background-size: auto 100%;
      }
    }

    .toggle-button.password {
      background: url("./images/swiper/login-sprite02.png") no-repeat right center;
      background-size: auto 100%;

      &:hover {
        background: url("./images/swiper/login-sprite04.png") no-repeat right center;
        background-size: auto 100%;
      }
    }

    .title-area {
      color: #dbeffb;
    }

    .login-form {
      ::v-deep.el-input--prefix .el-input__inner {
        border: 1px solid #034c95d4;
        background: #001c4e5c;
        color: #8ed1f1;

        &:-webkit-autofill {
          box-shadow: 0 0 0 1000px #052952 inset !important;
          color: #5fbfed !important;
          -webkit-text-fill-color: #5fbfed;
          -webkit-font-size: 16px !important;
          border: 1px solid #054389;
        }

        &:focus {
          border: 1px solid #0a67da;
          color: #1a7af0;
        }
      }

      ::v-deep.el-input__prefix {
        .el-input__icon {
          color: #5fbfed;
        }
      }

      .show-pwd {
        color: #b0c5eb;
      }

      .login-button {
        background-color: #092797;
        border-color: #023aa7;

        &:hover {
          background-color: #072aa8;
          color: #cbe6ff;
        }

        &.is-disabled {
          background-color: #023978;
          color: #5275b5;
        }
      }

      ::v-deep {
        .verify-bar-area {
          border: 1px solid #003a7a;
          background: #033c768a;
        }

        .verify-bar-area .verify-left-bar {
          background: #062d85;

          &.begin {
            border-color: #0428a9 !important;
          }
        }

        .verify-bar-area .verify-move-block {
          background: #0326a5;

          &.begin {
            border-color: #0428a9 !important;
            background: #0326a5 !important;

            .verify-icon.el-icon-arrow-right {
              color: #5fbfe8 !important;
            }
          }
        }

        .el-form-item {
          .el-form-item__error {
            top: 90%;
            color: #e5ab06;
          }

          .el-input input:placeholder { /* Mozilla Firefox 4 to 18 */
            color: #20579c;
            font-size: 15px;
          }

          .el-input input::placeholder { /* Mozilla Firefox 19+ */
            color: #20579c;
            font-size: 15px;
          }
        }
      }
    }

    .mobile {
      border: 1px solid #5fbfed78;
      color: #5faec5;
      background-color: #02204169;

      &:hover {
        color: #fff;
        background-color: #023aa7;
      }
    }
  }
}
